<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
        <meta charset="utf-8">
        <title th:text="${website.titles}"></title>
        <link rel="shortcut icon"  href="http://ops1dpt6k.bkt.clouddn.com/wp-content/themes/M1/img/favicon.ico" type="image/x-icon" >
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <link href="/css/bootstrap.min.css" type="text/css" rel="stylesheet"/>
        <link href="/css/iconfont.css" type="text/css" rel="stylesheet"/>
        <link href="/css/common.css" type="text/css" rel="stylesheet"/>
        <link href="/css/swiper.min.css" type="text/css" rel="stylesheet"/>
        <script type="text/javascript" src="js/jquery.min.js"></script><!--主jquery-->
        <script type="text/javascript" src="js/swiper.min.js"></script><!--幻灯片js-->
        <script type="text/javascript" src="js/js.js"></script><!--幻灯片js-->
        <!--[if lte IE 9]><script>window.location.href='http://cdn.ztmao.com/upgrade-your-browser.html?referrer='+location.href;</script><![endif]-->
        <link rel='stylesheet' id='style-css'  href='css/style.css' type='text/css' media='all' />
    </head>
<body class="home blog">

<div id="top_nav" class="header yapiskan">
    <div class="container">
        <div class="row">
            <div class="top-bar mnav">
                <button class="navbar-toggle js-open-nav" type="button">
                    <div class="icon-bar">
                    </div>
                    <div class="icon-bar">
                    </div>
                    <div class="icon-bar">
                    </div>
                </button>
            </div>
            <div class="logo mnav">
                <a href="home.html">
                    <img  th:src="${website.iconUrl}" src="http://ztmao.com/demo/ztmao.com/wp-content/uploads/2016/06/logo-ztmao.png">
                </a>
            </div>
            <div class="pull-right mnav">
                <i class="icon icon-search" id="msearch"></i>
            </div>
            <div class="nav-left" id="nav">
                <ul class="nav-menu clearfix" >
                    <li id="menu-item-15"  th:each="category,catStat : ${categories}" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-15">
                        <a href="#" th:href="${'articles/'+category.pinyin+'/1.html'}"  th:text="${category.name}" >生活腔调</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>
</div>	<div id="top-pic">
    <div class="container">
        <div class="row" style="padding-top: 20px;margin-bottom: -20px;">
            <div class="col-sm-12 col-md-6 col-lg-6 pic-left">
                <div class="swiper-container bannerbox">
                    <div class="swiper-wrapper">

                        <div class="swiper-slide banlist"  th:each="article,artStat : ${articles}">
                            <img  th:src="${article.imageUrl}"  th:onclick="window.location.href='shqd/242.html'" th:alt="${article.title}"/>
                        </div>

                    </div>
                    <div class="swiper-pagination bannav"></div>
                    <div class="swiper-button-next banleft"><i class="iconfont icon-gengduo bannerjb"></i></div>
                    <div class="swiper-button-prev banright"><i class="iconfont icon-fanhui bannerjb"></i></div>
                </div>
            </div>

            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 pic-mid" >
                <ul>
                    <li th:each="article2,artStat : ${articles2}">
                        <a th:href="${'/article/'+article2.id+'.html'}" >
                        <img th:src="${article2.imageUrl}"/>
                        <div class="pic-title">
                            <h4 th:text="${article2.title}">苹果计划收购超跑品牌迈凯伦，也许苹果汽车更值得期待了？</h4>
                        </div>
                    </a>
                    </li>

                </ul>
            </div>

            <div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 pic-mid" >
                <ul>
                    <li th:each="article3,artStat : ${articles2_2}">
                        <a th:href="${'/article/'+article3.id+'.html'}" >
                        <img th:src="${article3.imageUrl}" />
                        <div class="pic-title">
                            <h4 th:text="${article3.title}">苹果计划收购超跑品牌迈凯伦，也许苹果汽车更值得期待了？</h4>
                        </div>
                    </a>
                    </li>
                </ul>
            </div>

        </div>
        <div class="row" style="padding-top: 20px;">
            <!--adv01 -->
            <div id="adv01" th:if="${banner!=null}">
                <a th:href="${banner.jumpUrl}"><img th:src="${banner.imageUrl}"></a>
            </div>
          </div>
    </div>
</div>


<!--主要内容 -->
<div id="cont-list">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-8 col-lg-8 cont-left">
                <div id="hour24" class="clearfix">
                    <div class="hour24-title">
                        <h3 th:text="${categorieName.name}">24小时xxxx</h3>
                    </div>
                    <div class="col-sm-12 col-md-6 col-lg-6 hour24-left">
                        <div class="hour24-left-img">
                            <a th:href="${'/article/'+homeArticles.id+'.html'}" href="" target="_blank">
                                <img th:src="${homeArticles.imageUrl}" src="" alt="观念总是被用来打破的"/>
                            </a>
                        </div>
                        <h3 class="htitle-color" style="font-weight: 400;"><a th:href="${'/article/'+homeArticles.id+'.html'}" th:text="${homeArticles.title}">观念总是被用来打破的</a></h3>
                        <div class="mob-author">
                            <span class="author-face">
                                <a href="author/dahuzi.html" target="_blank">
                                    <img alt='大胡子' src='https://dss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2496571732,442429806&fm=26&gp=0.jpg'
                                         class='avatar avatar-25 photo' height='25' width='25' />
                                </a>
                            </span>
                            <a th:href="${'/article/'+homeArticles.id+'.html'}" target="_blank"><span class="author-name ">大胡子</span></a>
                            <span class="time" th:text="${homeArticles.createTime}"><i class="iconfont icon-shijian"></i> 1年前 (2016-10-08)</span>
                            <span class="time" th:text="${homeArticles.clicks}"><i class="iconfont icon-faxian"></i> 1,576</span>
                            <!-- <span class="time"><i class="iconfont icon-pinglun"></i> 2</span> -->
                         </div>
                         <div class="mob-sub" th:text="${homeArticles.subtitle}">
                             虎嗅注：观念的形成来自于已有知识，而已知的边缘才是更为广泛的未知空间。或许站在知识的顶点，所有现在的...		</div>
                     </div>
                     <div class="col-sm-12 col-md-6 col-lg-6 hour24-right" th:each="article,artStat : ${homeArticles2}">
                         <ul>
                             <li class="clearfix">
                                 <a href="" th:href="${'/article/'+article.id+'.html'}" th:title="${article.title}" target="_blank">
                                     <div class="h24-r-img">
                                         <img th:src="${article.imageUrl}" alt="被誉为下一个BAT级别巨头的蚂蚁金服，是如何进行投资布局的？"/>
                                     </div>
                                 </a>
                                 <div class="h24-r-text">
                                     <a th:href="${'/article/'+article.id+'.html'}" title="被誉为下一个BAT级别巨头的蚂蚁金服，是如何进行投资布局的？" target="_blank">
                                         <span class="h24-r-title" th:text="${article.title}">标题</span>
                                     </a>
                                     <p class="mob-author">
                                         <span class="time" th:text="${article.createTime}"><i class="iconfont icon-shijian"></i> 1年前 (2016-10-08)</span>
                                         <span class="time" th:text="${article.clicks}"><i class="iconfont icon-faxian"></i> 1,576</span>
                                         <!--<span class="time pinglun"><i class="iconfont icon-pinglun"></i> 5</span> -->
                                    </p>
                                </div>
                            </li>
                        </ul>
                    </div>


                </div>



                <!--adv02 -->
                <div id="adv02" style="margin-top: 20px;" th:if="${banner2!=null}">
                    <a th:href="${banner2.jumpUrl}">
                        <img th:src="${banner2.imageUrl}">
                    </a>

                </div>


                <!--最新文章 -->
                <div class="la-title"><h3>最新文章</h3></div>


                <div th:each="article,artStat : ${homeArticlesList}">

                <div id="latest-article" th:if="${article.imgList.size>0}">
                    <div class="la-list01 line-botm">
                        <div class="la-list-t">
                            <h3>
                                <span class="hot-icon">热</span>
                                <a href="shqd/242.html" class="htitle-color" target="_blank" th:text="${article.title}">余香 | 刘瑜：我的读书历程</a>
                            </h3>
                        </div>
                        <div class="mob-author">
                            <span class="author-face">
                                <a href="author/ztmao.html" target="_blank">
                                     <img alt='主题猫' src='' class='avatar avatar-25 photo' height='25' width='25' />
                                 </a>
                            </span>
                            <a href="author/ztmao.html" target="_blank"><span class="author-name " th:text="${article.author}">主题猫</span></a>
                            <span class="time"><i class="iconfont icon-mulutubiao"></i>
			                <a href="shqd.html" style="color: #bbb;" th:text="${article.categoryname}">生活腔调</a>			</span>
                            <span class="time"><i class="iconfont icon-shijian"></i> 1年前 (2016-10-08)</span>
                            <span class="time liulan" th:text="${article.clicks}"><i class="iconfont icon-faxian"></i> 5,869</span>
<!--                            <span class="time pinglun"><i class="iconfont icon-pinglun"></i> 28</span>-->
<!--                            <span class="time tags">-->
<!--                                <i class="iconfont icon-biaoqian"></i>-->
<!--                                <a href="tag/%e4%bd%99%e9%a6%99.html" rel="tag">余香</a>-->
<!--                                <a href="tag/%e5%88%98%e7%91%9c.html" rel="tag">刘瑜</a>-->
<!--                                <a href="tag/%e9%98%85%e8%af%bb.html" rel="tag">阅读</a>-->
<!--                            </span>-->
                        </div>
                        <ul class="clearfix">
                            <li th:each="articleItem,artStat : ${article.imgList}">
                                <div class="image-item">
                                    <a href="shqd/242.html">
                                        <img class="xyscale" th:src="${articleItem.imageUrl}" >
                                    </a>
                                </div>
                            </li>
                        </ul>
                        <div class="mob-sub">
                            <span th:text="${article.subtitle}"></span>
                          </div>
                    </div>
                </div>



                <div class="la-list02 line-botm clearfix" th:if="${article.imgList.size==0}">
                    <div class="la-l-img">
                        <a href="shqd/242.html" target="_blank">

                            <img class="xyscale" th:src="${article.imageUrl}" alt="恭喜成龙受颁“奥斯卡终身成就奖”！Duang！"/>
                        </a>
                    </div>
                    <div class="la-r-text">
                        <h3>
                            <a href="shqd/242.html" class="htitle-color" target="_blank" th:text="${article.title}">恭喜成龙受颁“奥斯卡终身成就奖”！Duang！</a>
                        </h3>
                        <div class="mob-author">
			            <span class="author-face">
                              <a href="author/ztmao.html" target="_blank">
                                  <img alt='主题猫' th:src="${article.authorImg}" class='avatar avatar-25 photo' height='25' width='25' /></a>
			            </span>
                            <a href="author/ztmao.html" target="_blank">
                                <span class="author-name " th:text="${article.author}" >主题猫</span>
                            </a>
                            <span class="time fenlei"><i class="iconfont icon-mulutubiao"></i>
			                 <a href="shqd.html" rel="category tag" th:text="${article.categoryname}">生活腔调</a>
                            </span>
                            <span class="time" ><i class="iconfont icon-shijian"></i><span th:text="${article.createTime}"></span> </span>
                            <span class="time liulan" th:text="${article.clicks}"><i class="iconfont icon-faxian"></i> 1,769</span>
<!--                            <span class="time pinglun"><i class="iconfont icon-pinglun"></i> 6</span>-->
                        </div>
                        <div class="mob-sub">
                            <span th:text="${article.subtitle}"></span>
                        </div>
<!--                        <div class="tags" >-->
<!--                            <i class="iconfont icon-biaoqian"></i><a href="tag/%e5%a5%a5%e6%96%af%e5%8d%a1.html" rel="tag">奥斯卡</a>-->
<!--                            <a href="tag/%e6%88%90%e9%be%99.html" rel="tag">成龙</a><a href="tag/%e7%94%b5%e5%bd%b1.html" rel="tag">电影</a>-->
<!--                        </div>-->
                    </div>
                </div>

                </div>


                <div class="get-mod-more js-get-mod-more-list transition" id="ias_trigger_1491535138273" style="display: inline-block;">
                    <a href="page/2.html" >点击加载更多</a>
                </div>
            </div>
            <div class="wrap-right pull-right">

              <div class="placeholder"></div>
                </div><div class="widget widget_ztmao_mostviews"><div class="box-moder hot-article"><h3>热门文章</h3>
                </div>
               <div class="box-moder hot-article">
                <span class="span-mark"></span>
                <ul class="hots-post-widget">
                    <li>
                        <div class="hot-article-img">
                            <a href="shqd/242.html" target="_blank">
                                <img class="xyscale" src="" alt="余香 | 刘瑜：我的读书历程"/>
                            </a>
                        </div>
                        <a href="shqd/242.html" class="transition" target="_blank">余香 | 刘瑜：我的读书历程</a>
                    </li>

                    <li>
                        <div class="hot-article-img">
                            <a href="shqd/230.html" target="_blank">
                                <img class="xyscale" src="" alt="麦当劳又来打“健康”牌了，你会买账么？"/>
                            </a>
                        </div>
                        <a href="shqd/230.html" class="transition" target="_blank">麦当劳又来打“健康”牌了，你会买账么？</a>
                    </li>
                </ul>
            </div>
                <div class="placeholder"></div>
            </div>
            <div class="box-moder hot-tag ztmao-lianjie">
                <h3>友情链接</h3>
                <span class="span-mark"></span>
                <div class="search-history search-hot">
                    <ul>
                        <li><a href="http://suxing.me/" target="_blank">苏货</a></li>
                        <li><a href="https://www.dahuzi.me/" target="_blank">大胡子</a></li>
                        <li><a href="http://www.2zzt.com/" target="_blank">疯狂的大叔</a></li>
                        <li><a href="http://muujin.com/" target="_blank">痞子</a></li>
                        <li><a href="http://ztmao.com/" target="_blank">wordpress主题</a></li>
                        <li><a href="http://ztmao.com/" target="_blank">主题猫</a></li>
                    </ul>
                </div>
            </div>
                <div class="placeholder"></div>
            </div></div>
    </div>
</div>
<!--底部 -->
<div class="go-top0" id="gotopbtn" >
    <i class="icon icon-top"></i></div>

<div class="footer" id="footer">
    <div class="container"><div class="row">
        <div class=" col-sm-12 col-md-6 col-lg-6 footer-left">
            <div class="footer-icon-list pull-right0">
                <ul>
                    <a href="javascript:">
                        <li class="Qr-code-footer">
                            <div class="app-qrcode">
                                <img src="../ops1dpt6k.bkt.clouddn.com/wp-content/uploads/2016/10/weixin.png_%3b%20filename_%3dutf-8%27%20%27weixin.png">
                            </div>
                            <i class="icon icon-footer icon-footer-wx"></i>
                        </li>
                    </a>
                    <a href="javascript:">
                        <li class="Qr-code-footer">
                            <div class="app-qrcode">
                                <img src="../ops1dpt6k.bkt.clouddn.com/wp-content/uploads/2016/10/weixin.png_%3b%20filename_%3dutf-8%27%20%27weixin.png">
                            </div>
                            <i class="icon icon-footer icon-footer-ios"></i>
                        </li>
                    </a>
                    <a href="javascript:">
                        <li class="Qr-code-footer">
                            <div class="app-qrcode">
                                <img src="../ops1dpt6k.bkt.clouddn.com/wp-content/uploads/2016/10/weixin.png_%3b%20filename_%3dutf-8%27%20%27weixin.png">
                            </div>
                            <i class="icon icon-footer icon-footer-android"></i>
                        </li>
                    </a>
                    <a href="http://ztmao.com/go/kefu" target="_blank">
                        <li><i class="icon icon-footer icon-footer-inter"></i></li>
                    </a>
                    <a href="http://ztmao.com/go/kefu" target="_blank">
                        <li><i class="icon icon-footer icon-footer-rss"></i></li>
                    </a>
                </ul>
            </div>
        </div>

        <div class=" col-sm-12 col-md-6 col-lg-6  footer-right">
            <div class="copy-right">
                <div class="footer-tag-list">
                    <a>关于我们</a>
                    <a>加入我们</a>
                    <a>联系我们</a>
                    <a href="yqlj.html">友情链接</a>
                    <a href="cdym.html">文章存档</a>
                </div>
                <span><a href="http://ztmao.com/" th:text="${website.recordNum}">wordpress</a>
                </span>
            </div>
        </div>

    </div>
    </div>
</div>
<script src="js/glodil.js" type="text/javascript"></script>
<script src="js/jquery-ias.min.js" type="text/javascript"></script>
<!--wp-compress-html--><!--wp-compress-html no compression-->
<script type="text/javascript">
    var ias = $.ias({
        container: ".cont-left",
        item: ".line-botm",
        pagination: ".get-mod-more",
        next: ".get-mod-more a",
    });

    ias.extension(new IASTriggerExtension({
        text: "点击加载更多",
        offset: 1,
    }));
    ias.extension(new IASSpinnerExtension());
    ias.extension(new IASNoneLeftExtension({
        text: "没有更多了...",
    }));
</script>
<script type="text/javascript">
    $('.weixin').mouseover(function(){
        $('.weixin-Qr-code').css({"opacity":"1","margin-left":"70px","display":"block"}),
            $('.weixin').addClass('disabled')
        // alert('fdafdsa');
    });
    $('.weixin').mouseout(function(){
        $('.weixin-Qr-code').css({"opacity":"1","margin-left":"70px","display":"none"}),
            $('.weixin').removeClass('disabled')
        // alert('fdafdsa');
    });
</script>
<!--wp-compress-html no compression--><!--wp-compress-html-->
<script type='text/javascript' src='js/wp-embed.min.js'></script>

</body>

<!-- Mirrored from m1.lyaijia.com/ by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 17 Nov 2017 01:38:30 GMT -->
</html>